网页开发者工具（Chrome DevTools）中开启暗黑模式（dark mode）调试的方法

开启模拟模式

Chrome87 版本已经支持，在开发者工具中开启网页的暗黑模式调试。步骤如图示：

Rendering Tab 滚到最下面，Emulate CSS media type。

系统暗黑模式检测代码

CSS

@media (prefers-color-scheme: dark){
  /* 暗黑模式代码 */
}

JS

const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches

---

为您推荐

• 可调试网页的手机浏览器（iOS+安卓）
• IE浏览器URL最大长度2,083？
• 小程序插件用户信息功能页调试问题的解决
• 小程序开发者工具“插件模式”下本地调试云函数的方法
• 平安内网标装机远程调试安卓webview的方法
• 微信webview远程调试